<template>
    <div class="op-box">
        <div class="top-card">
            <div class="user-card">
                <Card icon="icon-heitao" code="J" />
            </div>
            <div class="user-card">
                <Card icon="icon-heitao" code="Q" />
            </div>
            <div class="user-card">
                <Card icon="icon-heitao" code="K" />
            </div>
        </div>
        <div>
            <!-- <var-input placeholder="请输入文本" v-model="value" /> -->
        </div>

    </div>
</template>

<script setup>
import { ref } from 'vue'
import Card from '@/components/Card.vue'


</script>

<style scoped lang="less">
.op-box{
    height: 100%;
    width: 100%;
    padding: .2rem;
    display: flex;
    flex-direction: column;
    .top-card{
        display: flex;
        .user-card{
    
        }
    }
}
</style>
